const registerBtn = document.querySelector('#btn-register')
registerBtn.addEventListener('click',async function (e) {
    e.preventDefault()
    // showToast('注册成功')
    // 1.收集表单数据
    const form = document.querySelector('form')
    const { username, password } = serialize(form, { hash: true, empty: true })
    // 2.校验表单数据 
    //  输入的用户名和密码为空的情况
    if (username.trim().length === 0 || password.trim().length === 0) {
     
        
        return showToast('账号密码不为空')
    }
    //  输入的用户名和密码为不符合长度的情况
    if (username.trim().length < 8 || username.trim().length > 30 || password.trim().length < 6) {
        return showToast('用户名和密码不符合长度')
    }
    try {
        // 3.发送请求 
        const res = await axios.post('/register', { username, password })
        // 4.提示用户 登录成功
        showToast(res.data.message)
          // 5.跳转请求
          setTimeout(()=>{
            location.href='./login.html'
          },1000)
    }catch(err){
        showToast(err.response.data.message)
    }
})